<h2 style="float:left;margin-top:0px;">Import files</h2>
<div style="float:right;width:520px;margin-top:0px;">
	<button style="float:left;" id="btnPreviousImportedFile">Prev.</button>
	
	<div style="float:left;width:350px;">
		<div id="divProgBarImport">
			<div class="divProgBarImport-label" >Loading...</div>
		</div>
	</div>
	<button style="float:left;" id="btnNextImportedFile">Next</button>
</div>
<p style="clear:both;"></p>
<table id="tableImportedFileForm">
<tbody>
<tr><td>
<div id="divInfosImportedFile" class="ui-widget ui-widget-content ui-corner-all" >
	<div class="ui-widget-header ui-corner-all" style="padding : 5px;">
		<div class="ui-icon ui-icon-info" style="float:left;"></div> 
		<div style="float:left;" ><B>Imported file data</B></div>
		<p style="clear:both;"></p>
	</div>
	<fieldset>	
		<!--  <legend ><B>Imported file data</B></legend>-->
		<p class="pFields">
			<label for="iptImportedFile_ID" class="ImportedFile-lblForm">ID</label>
			<span id="iptImportedFile_ID" style="width:55px"  class="ui-widget-content pged-draggable-data"></span>
			<label for="iptImportedFile_FileName" class="ImportedFile-lblForm">FileName</label>
			<span id="iptImportedFile_FileName" style="width:800px"  class="ui-widget-content pged-draggable-data"></span>
		</p>		
		<p class="pFields">
		
			<label for="aImportedFile_FilePath" class="ImportedFile-lblForm">Complete File Path</label>
			<a href="#" id="aImportedFile_FilePath" class="ui-icon ui-icon-info"> Link </a>
			<label for="iptImportedFile_FileName">FileName</label>
			<span id="iptImportedFile_FtpURL" style="width:800px"  class="ui-widget-content pged-draggable-data"></span>
		
		</p>		
		<p class="pFields">
		
			<label for="iptImportedFile_Ext" class="ImportedFile-lblForm">Extension</label>
			<span id="iptImportedFile_Ext" style="width:40px"  class="ui-widget-content pged-draggable-data"></span>
			
			<label for="iptImportedFile_Size" class="ImportedFile-lblForm">Filesize</label>
			<span id="iptImportedFile_Size" style="width:150px"  class="ui-widget-content pged-draggable-data"></span>
		</p>		
		<p class="pFields">
			<label for="iptImportedFile_Year" class="ImportedFile-lblForm">Year</label>
			<span id="iptImportedFile_Year"  style="width:40px"  class="ui-widget-content pged-draggable-data"></span>
			
			<label for="iptImportedFile_Month" class="ImportedFile-lblForm">Month</label>
			<span id="iptImportedFile_Month" style="width:20px"  class="ui-widget-content pged-draggable-data"></span>
			
			<label for="iptImportedFile_Day" class="ImportedFile-lblForm">Day</label>
			<span id="iptImportedFile_Day"  style="width:20px"  class="ui-widget-content pged-draggable-data"></span>
			
			<span id="iptImportedFile_CompleteDate" class="pged-draggable-data ui-icon ui-icon-calculator" style="padding:0px;" title="Complete Date formated"></span>
		
		</p>
		<button id="btnExcludeFile" style="float:right;" name="btnExcludeFile">Exclude this file</button>
	</fieldset>
	
</div>
</td>
<!-- <p> </p> -->
<td>
<div id="divInfosDocument" class="ui-widget ui-widget-content ui-corner-all" >
	<div class="ui-widget-header ui-corner-all" style="padding : 5px;">
		<div class="ui-icon ui-icon-info" style="float:left;"></div> 
		<div style="float:left;" ><B>Document Data</B></div>
		<p style="clear:both;"></p>
	</div>
	<fieldset>	
		<p class="pFields">
			<label for="slctDocType">Type</label>
			<select id="slctDocType" name="slctDocType"></select> 
		</p>
		<p id="DocAttributes">
			
		</p>
	</fieldset>	
</div>
</td>
</tr>
</tbody>
</table>
<div id="divDialogImportedFiles" title="ImportUI dialog">
  <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

<script type="text/javascript">
	$.ImportUI.initUI();
</script>